<!--css在login.less-->
<template>
	<section id="login">
		<header>
			<router-link to="/register">
				<h2>注册</h2></router-link>
		</header>
		<section class="loginWarp">
			<section class="title">
				<h2>登录物联连</h2>
			</section>
			<section class="formWarp">
				<van-cell-group>
					<van-field v-model="userData.mobile" placeholder="手机号号码" icon="close" @click-icon="userData.mobile='' " type="number" />
					<van-field v-model="userData.pwd" placeholder="密码" :type='isShow.type' :icon="isShow.icon" @click-icon="switchs" />
				</van-cell-group>
			</section>
			<section class="btnWarp">
				<section class="btn" @click="submit">
					登录
				</section>
				<div class="alse">
					<span class="fargetPwd">
						<router-link to='/forgetpwd'>忘记密码</router-link>
					</span>
					<span class="downLoad">app下载</span>
				</div>
			</section>
		</section>
	</section>
</template>

<script>
	export default {
		data() {
			return {
				//控制密码显隐状态
				isShow: {
					icon: 'password-not-view',
					type: 'password'
				},
				//传给后台的数据
				userData: {
					mobile: '', // 手机号
					pwd: '' //密码
				}
			}
		},
		methods: {
			//密码显密切换
			switchs() {
				var _this = this;
				if(_this.isShow.icon == 'password-not-view') {
					_this.isShow = {
						icon: 'password-view',
						type: 'text'
					}
				} else {
					_this.isShow = {
						icon: 'password-not-view',
						type: 'password'
					}

				}
			},
			//点击登录执行函数
			submit() {
				/*
				 todo 
				 1,判断手机号格式和密码格式的正确性
				 2，判断这个手机号有没有注册 如果没有 跳到注册页如果有 跳到首页
				 * */
				var _this = this;
				//1
				if(!_this.$public.checkMobile(_this.userData.mobile)) {
					_this.$toast('手机号格式有误');
					return false;
				} else if(!_this.$public.pwd(_this.userData.pwd)) {
					_this.$toast('密码格式有误');
					return false;
				}
				//2
				_this.$public.loading('登录中...', _this); // loading
				_this.$http.post(_this.$host.have_phone, {
					mobile: _this.userData.mobile
				}).then(function(response) {
					if(response.data.status == 0) {
						_this.login();
					} else {
						_this.$dialog.confirm({
							title: '提示',
							message: '您还没有注册账号,是否前往注册？'
						}).then(() => {
							_this.$public.go('register', 0, _this);
						}).catch(() => {
							//用户信息清空
							_this.userData = {
								mobile: '',
								pwd: ''
							}

						});
					}

				}).catch(function() {})

			},
			//请求登录接口执行函数
			login() {
				var _this = this;				
				_this.$http.post(_this.$host.login, _this.userData).then(function(response) {
					_this.$toast(response.data.msg);
					if(response.data.status == 200) {
						//表示登录成功  获取个人信息
						_this.$public.userInfo({
							_this: _this,
							mobile: _this.userData.mobile,
							sfun: function(data) {
								if(data.data.status == 200) {
									//表示登录成功，则缓存用户的唯一标识手机号 （注：在其他项目中用户唯一标识不一定是手机号，根据需要缓存数据）
									sessionStorage.setItem('mobile', data.data.data.mobile);
									sessionStorage.setItem('account', data.data.data.account);
								} else {

								}

							}
						})
						//跳转到首页
						_this.$public.go('/', 0, _this);
					} else {
						//密码清空
						_this.userData.pwd = '';
					}
				}).catch(function() {})
			}

		},
		created: function() {}

	}
</script>

<style>

</style>